{/* LAYOUT模板 */}
<layout name="layout"/>
{/* LAYOUT模板 */}
<css href="__THEMES__/css/common.css" />



<div id="loading" class="hide"><!--加载条--></div>
<style>
/*产品使用*/
.slide-banner{height:300px;color:#FFFFFF;}
.slide-banner .slide{width:100%;height:300px;background:url(__THEMES__/images/bg_tutorial.jpg) no-repeat top center;}
.slide .content{width:1040px;}
.slide .left_banner {width:50%;text-align:center;}
.slide .right_banner {width:49%;text-align:center;}
.left_banner .title,.right_banner .title{font-size:40px;margin-top:75px;}
.left_banner .go-with-me{margin-top:70px;}
.left_banner .go-with-me a{display: inline-block;background: url(__THEMES__/images/bg_tutorial_pointer.png) no-repeat 0px 0px;cursor:pointer;text-decoration:none;height:32px;line-height:32px;text-indent:40px;font-size:16px;color:#93fd34;font-weight:500;}
/*右侧视频教程*/
.right_banner .video-list {margin-top: 70px;}
.right_banner .video-list li { display:inline-block;width:134px;height:78px;border:2px solid #FFFFFF;border-radius:10px;position: relative;overflow:hidden;z-index:10;margin-left:30px;cursor:pointer;}
.video-list li a{display:inline-block;width:40px;height:40px;margin-top:20px;background:url(__THEMES__/images/play_btn.png) no-repeat 0px 0px;z-index:1000;}
.video-list li a:hover{background:url(__THEMES__/images/play_btn_hover.png) no-repeat 0px 0px;}
.video-list .layer{position: absolute;top:0px;left:0px;background:#000;opacity:0.3;width:100%;height:100%;border-radius:10px;z-index:-10;}
.tutorial-wrap{width:1200px;margin:auto;}
.type-list {height:35px;margin-top:20px;border-bottom:1px solid #E0E0E0;padding-bottom:10px;}
.type-list li{display:block;float:left;height:35px;width:110px;line-height:35px;text-align:center;margin-left:20px;font-size:16px;cursor:pointer;}
.type-list li.current {background:#34bffd;color:#FFFFFF;}
.item {border-bottom:1px solid #E0E0E0;}
.item ul li{display:block;float:left;padding:10px;}
.item li.number {width:80px;text-align:center;}
.item .number i{display:inline-block;margin-top:20px;font-size:18px;font-weight:600;color:#008000;}
.item .img{width:110px;}
.item .title{line-height:60px;font-size:18px;font-weight:500;color:#404040;width:500px;}
.item .detail a{display:inline-block;margin-top:20px;width:153px;height:33px;border-radius:20px;background:#22c8ff;text-align:center;color:#FFFFFF;line-height:33px;text-decoration:none;font-size:14px;}
</style>

<div class="slide-banner clearfi w_1200 mauto hide" >
	<div class="slide">
		<div class="content clearfix">
			<div class="left_banner fl">
				<h1 class="title">新手指引</h1>
				<div class="go-with-me">
					<a href="#">
						跟我走吧
					</a>
				</div>
			</div>
			<div class="right_banner fl">
				<h1 class="title">视频教程</h1>
				<div class="video-list">
					<ul>
						<li>
							<span class="layer"></span>
							<a class="play-btn"></a>
						</li>
						<li>
							<span class="layer"></span>
							<a class="play-btn"></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>


<style>
.shengji-wrap {border:1px solid #e0e0e0;margin-top:20px;margin-bottom:50px;}
.shengji-con .title{display:block;width:100%;text-align:center;border-bottom:1px solid #e0e0e0;height:50px;}

</style>
<div class="shengji-wrap w_1200 mauto">
	<div class="shengji-con">
		<h2 class="title">
			音箱升级教程
		</h2>
		<div style="padding:15px;">
			fsfasfasddfasdf
		</div>
	</div>
</div>






<include file="Library:service"/>
<include file="Library:footer"/>














